import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import postcssPxToViewport from 'postcss-px-to-viewport';

export default defineConfig({
    plugins: [vue()],
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import "@/assets/styles/variables.scss";`
            }
        },
        postcss: {
            plugins: [
                postcssPxToViewport({
                    viewportWidth: 375,
                    unitPrecision: 5,
                    minPixelValue: 1,
                    selectorBlackList: ['.ignore-', /^body$/]
                })
            ]
        }
    }
})